<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>${system_title!''}</title>
<link href="${frm}/BJUI/themes/css/bootstrap.min.css" rel="stylesheet">
<style type="text/css">
* {
	font-family: "Verdana", "Tahoma", "Lucida Grande", "Microsoft YaHei",
		"Hiragino Sans GB", sans-serif;
}

body {
	background: url(${stc}/images/loginbg_01.jpg) no-repeat center center
		fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

a:link {
	color: #285e8e;
}

.main_box {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -260px;
	margin-left: -300px;
	padding: 30px;
	width: 600px;
	height: 460px;
	background: #FAFAFA;
	background: rgba(255, 255, 255, 0.5);
	border: 1px #DDD solid;
	border-radius: 5px;
	-webkit-box-shadow: 1px 5px 8px #888888;
	-moz-box-shadow: 1px 5px 8px #888888;
	box-shadow: 1px 5px 8px #888888;
}

.main_box .setting {
	position: absolute;
	top: 5px;
	right: 10px;
	width: 10px;
	height: 10px;
}

.main_box .setting a {
	color: #FF6600;
}

.main_box .setting a:hover {
	color: #555;
}

.login_logo {
	margin-bottom: 20px;
	height: 45px;
	text-align: center;
}

.login_logo img {
	height: 45px;
}

.login_msg {
	text-align: center;
	font-size: 16px;
}

.login_form {
	padding-top: 20px;
	font-size: 16px;
}

.login_box .form-control {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: auto;
	font-size: 18px;
}

.login_box .form-control.x319 {
	width: 319px;
}

.login_box .form-control.x164 {
	width: 164px;
}

.login_box .form-group {
	margin-bottom: 20px;
}

.login_box .form-group label.t {
	width: 120px;
	text-align: right;
	cursor: pointer;
}

.login_box .form-group.space {
	padding-top: 15px;
	border-top: 1px #FFF dotted;
}

.login_box .form-group img {
	margin-top: 1px;
	height: 32px;
	vertical-align: top;
}

.login_box .m {
	cursor: pointer;
}

.bottom {
	text-align: center;
	font-size: 12px;
}

span.validateCodeVI {
	width: 21px;
	height: 21px;
}

span.right {
	background: url(${stc}/images/ot/32/455.png) no-repeat;
	background-size: 21px 21px;
	font-size: 15px;
}

span.error {
	background: url(${stc}/images/ot/32/468.png) no-repeat;
	background-size: 21px 21px;
	font-size: 15px;
}

div.messageBox {
	margin: auto;
	width: 100%;
	z-index: 100;
	float: left;
	background-color: red;
	text-align: center;
	color: white;
}
</style>
</head>
<body>
	<!--[if lte IE 7]>
<style type="text/css">
#errorie {position: fixed; top: 0; z-index: 100000; height: 30px; background: #FCF8E3;}
#errorie div {width: 900px; margin: 0 auto; line-height: 30px; color: orange; font-size: 14px; text-align: center;}
#errorie div a {color: #459f79;font-size: 14px;}
#errorie div a:hover {text-decoration: underline;}
</style>
<div id="errorie"><div>您还在使用老掉牙的IE，请升级您的浏览器到 IE8以上版本 <a target="_blank" href="http://windows.microsoft.com/zh-cn/internet-explorer/ie-8-worldwide-languages">点击升级</a>&nbsp;&nbsp;强烈建议您更改换浏览器：<a href="http://down.tech.sina.com.cn/content/40975.html" target="_blank">谷歌 Chrome</a></div></div>
<![endif]-->
	<div class="main_box">
		<div class="setting">
			<a href="javascript:;" onclick="choose_bg();" title="更换背景">
				<span class="glyphicon glyphicon-th-large"></span>
			</a>
		</div>
		<div class="login_box">
			<div class="login_logo">
				<img src="${stc}/images/logo.png">
			</div>
			<div class="login_form">
				<input type="hidden" value="${randomKey!''}" id="j_randomKey" />
				<form action="#" id="login_form" method="post">
					<input type="hidden" id="jfinal_token" value="${jfinal_token}" />
					<div class="form-group">
						<label for="j_userCode" class="t">用户名：</label>
						<input id="j_userCode" value="superAdmin" name="userCode"
							type="text" class="form-control x319 in" autocomplete="off">
					</div>
					<div class="form-group">
						<label for="j_password" class="t">密 码：</label>
						<input id="j_password" value="1" name="passwordhash"
							type="password" class="form-control x319 in">
					</div>
					<div class="form-group">
						<label for="j_captcha" class="t">验证码：</label>
						<input id="j_captcha" name="j_captcha" type="text" value="1"
							class="form-control x164 in">
						<img id="captcha_img" alt="点击更换" title="点击更换"
							src="getValidateCode" class="m">
						<span class="validateCodeVI">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
					</div>
					<div class="form-group">
						<label class="t"></label>
						<label for="j_remember" class="m">
							<input id="j_remember" type="checkbox" value="true">
							&nbsp;记住登陆账号!
						</label>
						<div class="messageBox"></div>
					</div>
					<div class="form-group space">
						<label class="t"></label>
						<input type="button" id="login_ok" value="&nbsp;登&nbsp;录&nbsp;"
							class="btn btn-primary btn-lg">
						&nbsp;&nbsp;&nbsp;&nbsp;
						<input type="reset" value="&nbsp;重&nbsp;置&nbsp;"
							class="btn btn-default btn-lg">
					</div>
				</form>
			</div>
		</div>
		<div class="bottom">Copyright &copy; 2015 - 2016
			${system_title!''}</div>
	</div>
	<script src="${frm}/BJUI/js/jquery-1.7.2.min.js"></script>
	<script src="${frm}/BJUI/js/jquery.cookie.js"></script>
	<script src="${stc}/js/jquery.base64.js"></script>
	<script src="${stc}/js/login.js"></script>
	<script type="text/javascript">
var COOKIE_NAME = 'sys__userCode';
$(function() {
    choose_bg();
	//changeCode();
	if ($.cookie(COOKIE_NAME)){
	    $("#j_userCode").val($.cookie(COOKIE_NAME));
	    $("#j_password").focus();
	    $("#j_remember").attr('checked', true);
	} else {
		$("#j_userCode").focus();
	}
	Login.init();
});
function genTimestamp(){
	var time = new Date();
	return time.getTime();
}
function changeCode(){
	//$("#captcha_img").attr("src", "/captcha.jpeg?t="+genTimestamp());
}
function choose_bg() {
	var bg = Math.floor(Math.random() * 9 + 1);
	bg=8;
	$('body').css('background-image', 'url(${stc}/images/loginbg_0'+ bg +'.jpg)');
}
</script>
</body>
</html>